<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Gensee Player UI Editor Demo</title>
    <link rel="stylesheet" href="static/css/gensee.player.base.css">
    <link rel="stylesheet" href="static/css/gensee.player.editor.css">
    <link rel="stylesheet" href="static/css/jquery-ui-1.10.4.min.css">
    <script type="text/javascript" src="static/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="static/js/jquery-ui-1.10.4.min.js"></script>
    <script type="text/javascript">
        $(function(){

        });

        function sidebarSwitch(){
            var sidebar = $("#sidebar");
            if( parseInt(sidebar.css("left"))==0){
                sidebar.animate({
                    "left":"-300px"
                },300);
            }else{
                sidebar.animate({
                    "left":"0"
                },300);
            }
        }
    </script>
</head>
<body>
<div class="container">
    <div id="sidebar" class="left-box">
        <a href="javascript:sidebarSwitch();" class="left-box-switch">》</a>
        <div id="widgetPlayer" class="widget-box">
            <div class="widget-handle">播放器容器组件</div>
            <div>
                <div><label><input type="radio" name="player-size"> 自适应大小</label></div>
                <div class="setting-size">
                    <label><input type="radio" name="player-size">设置播放器宽高：</label>
                    <p>宽：<input type="text">px</p>
                    <p>高：<input type="text">px</p>
                </div>
            </div>
        </div>
        <div id="widgetVideo" class="widget-box">
            <div class="widget-handle">视频组件</div>
        </div>
        <div id="widgetDoc" class="widget-box">
            <div class="widget-handle">文档组件</div>
        </div>
    </div>
    <div class="right-box">
    </div>
</div>
</body>
</html>